//- 先去这个pug文件中找
extends ../commons/commons.pug

block append pageStyle
	link(href="${relativePath}/static/css/shopping/shopIndex.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/madeProcess.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/orderDetails.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/foundation.min.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/foundation-datepicker.css" rel="stylesheet" type="text/css")

block content
	//- 订单详情内容
	div.orderContent
		div.orderTitle 订单详情
		div.orderBig
			div.numBox
				p.orderNum 
					| 订单编号：
					| <span>17090912365412</span>
				p.orderStatus
					| 订单状态：
					| <span> 卖家拒绝订单</span>
			//- 商品清单
			div.goodsList
				h3 商品清单
				div.businessBox
					div.busHead
						p.designBus
							| 指定商家：
							| <span>河南省标识汇网络科技</span>
						div.detailBox
							p.phone
								| 商家电话：
								| <span></span>
							p.adress
								| 商家地址：
								| <span></span>
						p.date
							| 交货日期：
							| <input class="time" id="timeOne" placeholder="请选择">
							| <i>*不含配送时间</i>
				div.ordeDetails
					div.detailTitle
						ul.title
							li.name 商品名称
							li.detail 订单详情
							li.unitPrice 单价
							li.number 数量
							li.approach 优惠方式
							li.all 总价
					div.goodsCon
						div.allBox
							div.commonDiv.goodsName.fl
								div.imgBox.fl
									img(src="${relativePath}/static/imgs/orderImg.png")
								div.titleName.fl
									p.title.common 超薄LED灯箱双面灯箱
									p.message.common 留言：请快一点送来，急用
							div.detailBox.fl
								ul
									li
										| 材质：
										| <span>金属拉丝</span>
									li
										| 颜色：
										| <span>原色</span>
									li
										| 高宽厚：
										| <span>150*120*18cm</span>
									li
										| 品牌：
										| <span>金马</span>
							div.singlePrice.fl
								s 385.00
								p.realPrice 385.00
								p.freight
									| （运费：
									| ￥<span>0.00</span>）
							div.buyNum.fl 2
							div.yhApproach.fl 50.00
							div.allPrice 720.00
						div.line
						//- 附件
						div.designBox
							div.designImg
								span.pic.fl  效果图：
								ul.fl
									li.fl
										img(src="${relativePath}/static/imgs/small.png")
							div.designImg.closeure
								span.pic.txt.fl &nbsp;&nbsp;&nbsp;附件：
								div.txtBox.fl
									p.list
										| 标识汇-智能商城.pptx  (34.07M)  
										| <span class="delete fr"></span>
					//- 订单总额
					div.orderAll.fr
						| 订单总额
						| <i>￥</i><span>275</span>
			//- 详细地址
			div.goodsList.detailAdress
				h3 详细地址
				ul
					li
						span.name 收货人：
						span.content lukke
					li
						span.name 收货地址：
						span.content 河南省郑州市经开区南三环经开二十五大姐交叉口200米索凌电气四楼标识汇 
					li
						span.name 收货编号：
						span.content 450000
					li
						span.name 联系电话：
						span.content 12345645614
			//- 订单追踪

			div.goodsList.detailAdress.track
				h3 订单追踪
				ul.firstOne.toSingle
					li
						span.name 物流公司：
						span.content --   
					li
						span.name 物流单号：
						span.content --   
					li
						span.name.fl 订单跟踪：
						div.trackInfo.fl
							ul.twoList
								li.current
									div.circle
									div.rightTxt
										p 供应商拒绝了您的订单，建议总额500，建议工期2天
										p 2017-11-10   16:10
								li
									div.circle
									div.rightTxt
										p 订单已发货
										p 2017-11-10   16:10

	

block pageScript
	script(src="http://v3.jiathis.com/code/jia.js" charset="utf-8" type="text/javascript")

	script.
		$(function(){

			//- 选择收货日期
			$('#timeOne').fdatepicker({
				format: 'yyyy-mm-dd',
				onRender: function (date) {
					var nowTemp = new Date();
					var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
					return date.valueOf() < now.valueOf() ? 'disabled' : '';
				}
			});

			$(".left span").click(function(){
				$(this).addClass("current").siblings().removeClass("current");
			})
			
		})